<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/delicacies.css">
    <link rel="stylesheet" href="../../public/reset.css">
    <!-- 引入 layui.css -->
    <link href="../../node_modules/layui/dist/css/layui.css" rel="stylesheet">
</head>

<body>
    <div class="head">
        <span class="fanhui">&lt;</span>
        <span>大众美食</span>
        <span>&nbsp;</span>
    </div>

    <!-- 搜索框 -->
    <input type="text" class="seacher centerd" value="输入商家、商品名称">

    <!-- 展示点击区域 -->
    <div class="listcli centerd">
        <p>全部</p>
        <p>地方菜系</p>
        <p>日韩料理</p>
        <p>自助餐·火锅</p>
        <p>其他</p>
    </div>

    <!-- 列表 -->
    <div class="listbanner centerd">
        <div class="listbanner-l">
            <img src="" alt="" class="listbannerimg">
        </div>
        <div class="listbanner-r">

            <p class="listbanner-tit"></p>
            <p class="listbanner-name"></p>
            <p class="listbanner-pic"></p>
            <p>￥85.00</p>
            <!-- <button type="button" class="layui-btn layui-btn-primary listbanner-btn" lay-on="test-count-down">查看详情</button> -->
            <button class="listbanner-btn" lay-on="test-count-down">查看详情</button>
        </div>
    </div>
    <div class="listbanner centerd">
        <div class="listbanner-l">
            <img src="" alt="" class="listbannerimg">
        </div>
        <div class="listbanner-r">

            <p class="listbanner-tit"></p>
            <p class="listbanner-name"></p>
            <p class="listbanner-pic"></p>
            <p>￥85.00</p>
            <button class="listbanner-btn" lay-on="test-count-down">查看详情</button>
        </div>
    </div>
    <div class="listbanner centerd">
        <div class="listbanner-l">
            <img src="" alt="" class="listbannerimg">
        </div>
        <div class="listbanner-r">

            <p class="listbanner-tit"></p>
            <p class="listbanner-name"></p>
            <p class="listbanner-pic"></p>
            <p>￥85.00</p>
            <button class="listbanner-btn" lay-on="test-count-down">查看详情</button>
        </div>
    </div>
    <div class="listbanner centerd">
        <div class="listbanner-l">
            <img src="" alt="" class="listbannerimg">
        </div>
        <div class="listbanner-r">

            <p class="listbanner-tit"></p>
            <p class="listbanner-name"></p>
            <p class="listbanner-pic"></p>
            <p>￥85.00</p>
            <button class="listbanner-btn" lay-on="test-count-down">查看详情</button>
        </div>
    </div>
    <div class="listbanner centerd">
        <div class="listbanner-l">
            <img src="" alt="" class="listbannerimg">
        </div>
        <div class="listbanner-r">

            <p class="listbanner-tit"></p>
            <p class="listbanner-name"></p>
            <p class="listbanner-pic"></p>
            <p>￥85.00</p>
            <button class="listbanner-btn" lay-on="test-count-down">查看详情</button>
        </div>
    </div>
    <div class="listbanner centerd">
        <div class="listbanner-l">
            <img src="" alt="" class="listbannerimg">
        </div>
        <div class="listbanner-r">
            <p class="listbanner-tit"></p>
            <p class="listbanner-name"></p>
            <p class="listbanner-pic"></p>
            <p>￥85.00</p>
            <button class="listbanner-btn" lay-on="test-count-down">查看详情</button>
        </div>
    </div>
    <div class="listbanner centerd">
        <div class="listbanner-l">
            <img src="" alt="" class="listbannerimg">
        </div>
        <div class="listbanner-r">

            <p class="listbanner-tit"></p>
            <p class="listbanner-name"></p>
            <p class="listbanner-pic"></p>
            <p>￥85.00</p>
            <button class="listbanner-btn" lay-on="test-count-down">查看详情</button>
        </div>
    </div>
    <div class="listbanner centerd">
        <div class="listbanner-l">
            <img src="" alt="" class="listbannerimg">
        </div>
        <div class="listbanner-r">

            <p class="listbanner-tit"></p>
            <p class="listbanner-name"></p>
            <p class="listbanner-pic"></p>
            <p>￥85.00</p>
            <button class="listbanner-btn" lay-on="test-count-down">查看详情</button>
        </div>
    </div>
</body>

</html>
<script src="../../public/ajaxTools.js"></script>
<script src="../../public/cookieTools.js"></script>
<!-- 引入 layui.js -->
<script src="../../node_modules/layui/dist/layui.js"></script>
<script src="../js/delicacies.js"></script>